<script type="text/javascript"
	src="views/parkLotCenter/facilitiesManage/js/parkOrgequ_displayScreen.js"></script>
<script>
	var displayScreen = null;
	$(document).ready(function() {
		displayScreen = new displayScreenJs($("#displayScreenDiv"));
	});
</script>
<div id="displayScreenDiv" style="height:100%">
	<!---  start切换内容  --->
	<div class="basicInfoContent-panel"
		style="height:calc(100% - 65px);background: #f0f0f0;overflow-y:auto;">
		<div class="basicInfo-box">
			<div class="list">
				<div class="list-text">
					<label>设备编号：</label> <input class="k-textbox input-info"
						type="text" disabled="disabled" id="oid" placeholder="系统自动生成..."
						data-bind="value:organizationCode" /> <input
						class="k-textbox input-info" type="hidden"
						data-bind="value:organizationTypeCode" /> <input
						class="k-textbox input-info" type="hidden"
						data-bind="value:orgLevel" /> <input class="k-textbox input-info"
						type="hidden" data-bind="value:parentCode" />
				</div>
				<div class="list-text">
					<label>设备名称：</label> <input class="k-textbox input-info"
						type="text" data-bind="value:organizationName"
						pattern="^[\u4E00-\u9FA5A-Za-z0-9]+$" validationMessage="检测到特殊字符" maxlength="31"
						required />
				</div>
				<div class="list-text">
					<label>设备类型：</label> <input type="text" style="width:250px"
						id="deviceType"
						data-bind="value:equipmentManagements_basic_deviceid" required>
				</div>
				<div class="list-text">
					<label>显示屏类型：</label> <input type="text" style="width:250px"
						id="displayScreenType"
						data-bind="value:equipmentManagements_basic_displayScreenType"
						required>
				</div>
				<div class="list-text">
					<label>显示屏数量：</label> <input type="text" style="width:250px" class="k-textbox input-info"
						id="displayScreenNo"
						data-bind="value:equipmentManagements_basic_displayScreenNo"
						required disabled="disabled" validationMessage="请输入1到4区间任意数值" pattern="^[1-4]\d{0,1}$">
				</div>
				<div class="list-text">
					<label>通讯接口类型：</label> <input type="text" style="width:250px"
						id="commMethods"
						data-bind="value:equipmentManagements_basic_commMethods" required>
				</div>
				<div id="changeEquIp">
					<div class="list-text">
						<label>设备机号：</label> <input style="width:250px" class="k-textbox input-info" id="deviceNumber"
							data-bind="value:equipmentManagements_basic_deviceNumber"
							validationMessage="请输入1到99区间任意数值" required pattern="^([1-9]\d{0}|[0-8]\d{1}|9[0-9])$"/>
					</div>
					<div class="list-text">
						<label>通讯IP：</label> <input style="width:250px" id="deviceip"
							class="k-textbox input-info"
							data-bind="value:equipmentManagements_basic_ip"
							validationMessage="请输入有效IP地址" required
							pattern="^((?:(?:25[0-5]|2[0-4]\d|((1\d{2})|([1-9]?\d)))\.){3}(?:25[0-5]|2[0-4]\d|((1\d{2})|([1-9]?\d))))$" />
					</div>
					<div class="list-text">
						<label>通讯端口：</label> <input style="width:250px" class="k-textbox input-info" id="deviceport"
							data-bind="value:equipmentManagements_basic_port"
							validationMessage="请输入通讯端口" required pattern="(^[1-9]\d{0,3}$)|(^[1-5]\d{4}$)|(^6[0-4]\d{3}$)|(^65[0-4]\\d{2}$)|(^655[0-2]\d$)|(^6553[0-5]$)"/>
					</div>
				</div>
				<div id="changeEquPoryName">
					<div class="list-text">
						<label>串口名称：</label> <input class="k-textbox input-info"
							type="text"
							data-bind="value:equipmentManagements_basic_SerialPoryName"
							validationMessage="请输入串口名称" required maxlength="11"/>
					</div>
				</div>
				<div class="list-text">
					<label>备注：</label>
					<textarea class="k-textbox" rows="5" cols="93"
						style="width:650px;resize:none;"
						data-bind="value:equipmentManagements_basic_remark"></textarea>
				</div>
			</div>
			<div class="list">
                        <div style="float:left;">
                        <div class="layerTitle left"><span style="background:#f0f0f0">工作显示内容(显示时间为ms,1000ms=1s)</span></div>
                        <div class="list-text" >
                            <div class="workRecord-info" style="width:900px;display:inline-block;">
                                <div style="height:160px;overflow:auto">
                                    <table width="100%" id="normal_list">
                                        <thead>
                                        <tr>
                                            <th width="8%" style="text-align:center;">区域序号</th>
			                                <th width="40%" style="text-align:center;">区域显示内容</th>
			                                <th width="12%" style="text-align:center;">显示方式</th>
			                                <th width="10%" style="text-align:center;">显示颜色</th>
			                                <th width="10%" style="text-align:center;">显示速度</th>
			                                <th width="10%" style="text-align:center;">显示时间</th>
			                                <th width="10%" style="text-align:center;">滚动次数</th>
                                        </tr>
                                        </thead>
                                        <tbody></tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        </div>
                        
                        <div style="float:left;">
                        <div class="layerTitle left"><span style="background:#f0f0f0">空闲显示内容(显示时间为ms,1000ms=1s)</span></div>
                        <div class="list-text" >
                            <div class="workRecord-info" style="width:900px;display:inline-block;">
                                <div style="height:160px;overflow:auto">
                                    <table width="100%" id="leisure_list">
                                        <thead>
                                        <tr>
                                            <th width="8%" style="text-align:center;">区域序号</th>
			                                <th width="40%" style="text-align:center;">区域显示广告</th>
			                                <th width="12%" style="text-align:center;">显示方式</th>
			                                <th width="10%" style="text-align:center;">显示颜色</th>
			                                <th width="10%" style="text-align:center;">显示速度</th>
			                                <th width="10%" style="text-align:center;">显示时间</th>
			                                <th width="10%" style="text-align:center;">滚动速度</th>
                                        </tr>
                                        </thead>
                                        <tbody></tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        </div>
                        
                    </div>
		</div>
	</div>
	<div class="basicInfo-btn" style="border-top:1px solid #c5c5c5">
		<button class="save" data-bind="click:saveequOrg">确定</button> <button class="cancel"
			data-bind="click:cancel">取消</button>
	</div>
</div>